<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>CMSWING</title>
    <link rel="shortcut icon" href="/resource/img/favicon.ico">
    <!-- Bootstrap -->
    <link href="/resource/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/resource/css/flat-ui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/resource/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/resource/css/home.css"/>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="/resource/js/vendor/html5shiv.js"></script>
    <script src="/resource/js/vendor/respond.min.js"></script>
    <![endif]-->
    <script src="/resource/js/cufon-yui.js" type="text/javascript"></script>
    <script src="/resource/js/ChunkFive_400.font.js" type="text/javascript"></script>
    <script type="text/javascript">
        Cufon.replace('.navbar-brand', {textShadow: '1px 1px #000'});
    </script>
</head>
<body>
<div id="blog">
    <% include ../Home/include/nav.html%>
    <div class="container-row slidebox">
        <div class="container">
            <div data-ride="carousel" class="carousel slide" id="carousel-example-captions">
                <ol class="carousel-indicators">
                    <li class="" data-slide-to="0" data-target="#carousel-example-captions"></li>
                    <li data-slide-to="1" data-target="#carousel-example-captions" class="active"></li>
                    <li data-slide-to="2" data-target="#carousel-example-captions" class=""></li>
                </ol>
                <div role="listbox" class="carousel-inner">
                    <div class="item">
                        <img alt="1170x300" src="/resource/img/pic.png" data-holder-rendered="true">

                        <div class="carousel-caption">
                            <h3 id="first-slide-label">First slide label<a href="#first-slide-label"
                                                                           class="anchorjs-link"><span
                                    class="anchorjs-icon"></span></a></h3>

                            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                        </div>
                    </div>
                    <div class="item active">
                        <img alt="1170x300" src="/resource/img/pic.png" data-holder-rendered="true">

                        <div class="carousel-caption">
                            <h3 id="second-slide-label">Second slide label<a href="#second-slide-label"
                                                                             class="anchorjs-link"><span
                                    class="anchorjs-icon"></span></a></h3>

                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="1170x300" src="/resource/img/pic.png" data-holder-rendered="true">

                        <div class="carousel-caption">
                            <h3 id="third-slide-label">Third slide label<a href="#third-slide-label"
                                                                           class="anchorjs-link"><span
                                    class="anchorjs-icon"></span></a></h3>

                            <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                        </div>
                    </div>
                </div>
                <a data-slide="prev" role="button" href="#carousel-example-captions" class="left carousel-control">
                    <span aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a data-slide="next" role="button" href="#carousel-example-captions" class="right carousel-control">
                    <span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
    </div>
</div>
</div>
<div class="cw-social">
    <div class="container">
        <ul class="cw-social-buttons">
            <li class="social-qq">
                <i class="fa fa-qq"></i> CmsWing技术交流群：<span id="qqgroup">426263487</span>
            </li>
            <li class="social-forum">
                <a target="_blank" title="Bootstrap问答社区" href="http://wenda.bootcss.com" class="">
                    <i class="fa fa-comments"></i> Bootstrap问答社区
                </a>
            </li>
            <li class="social-weibo">
                <a target="_blank" title="Bootstrap中文网官方微博" href="http://weibo.com/bootcss"><i class="fa fa-weibo"></i>
                    新浪微博：@Bootstrap中文网</a>
            </li>
        </ul>
    </div>

</div>
<div class="container">
    <div class="row">
        <div class="col-md-9 blog-main">
            <%list.forEach(function(item){%>
            <article class="clearfix">
                <div class="media">
                    <div class="media-left">
                        <a href="#">
                            <img alt="<%=item.title%>" data-src="holder.js/50x50" class="media-object"
                                 style="width: 50px; height: 50px;"
                                 src=""
                                 data-holder-rendered="true">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading" id="top-aligned-media">
                            <a href="/home/index/p/gid/<%=item.gid%>"><span class="anchorjs-icon"></span><%=item.title%></a></h4>
                        <small><%=item.username%> 与 <%=times(item.date)%> 发布在 <a><%=item.catename%></a></small>
                    </div>
                </div>

                <div class="thumbnail">
                    <%if(item.thumpath){%>
                    <img alt="100%x200" data-src="<%=item.thumpath%>"
                         src="<%=item.thumpath%>"
                         data-holder-rendered="true">
                    <%}%>
                    <div class="caption">
                        <p>
                            <%=item.excerpt%>
                        </p> </div>
                </div>
                <footer class="clearfix">
                    <div class="more pull-right"><a class="text_b" href="#">阅读全文 &gt;&gt;</a></div>
                    <div class="text_c pull-left"><i class="fa fa-comment"></i> 7</div>
                    <div class="text_c pull-left"><i class="fa fa-heart"></i> 106</div>
                </footer>
            </article>
            <%})%>
            <!--分页-->
            <% include ../Home/include/pager.html %>

        </div>
        <div class="col-md-3">
            <div class="todo sidelist">
                <div class="todo-search">
                    <i class="fa fa-bars"></i> 栏目
                </div>
                <ul>
                    <%cat.forEach(function(item){%>
                    <li class="">
                        <a href="/home/index/cat/cid/<%=item.cid%>">
                        <div class="todo-icon fa <%=item.icon%>"></div>
                        <div class="todo-content">
                            <h4 class="todo-name">
                                <%=item.catename%>
                            </h4>
                            <%=item.enname%>
                        </div>
                        </a>
                    </li>
                    <%})%>

                </ul>
            </div>
            <script src='http://git.oschina.net/arterli/cmswing/widget_preview'></script>
        </div>
    </div>
</div>

<% include ../Home/include/footer.html%>
<% include ../Home/include/copyright.html%>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/resource/js/jquery.min.js"></script>
<script src="/resource/js/jquery.particleground.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<!--<script src="/resource/js/bootstrap.min.js"></script>-->
<script src="/resource/js/flat-ui.min.js"></script>
<script src="/resource/js/application.js"></script>
<script>
    $(document).ready(function () {
        $('#blog').particleground({
            dotColor: '#53DBC7',
            lineColor: '#29C7AF'
        });

    })
</script>
</body>
</html>